@(tasks: List[Task])

@main("Task List") {

<!--script type="text/javascript">

	$(document).ready(function() {
		
		$('table tr').each(function(){

		    var hide = false;
		    
		    $('td',this).each(function(){
		    		
		    		// alert($(this).html());
		        if($(this).text() == '')
		            hide = true;
		    });
				
		    if(!hide)
		        $(this).addClass("gray");
		});
	});
</script-->

   <table class="table table-hover table-bordered">
	   <thead>
		   <tr>
		   			<th>Outline</th>
		   			<th>Task</th>
		   			<th>Duration</th>
		   			<th>Start Date</th>
		   			<th>Finish Date</th>
		   			<th>Assignee</th>
		   			<th>Percent</th>
		   </tr>
	   </thead>
	   <tbody>
		   @for(task <-tasks){
			   @if(task.resourceName.equals("")){<tr style="font-weight:bold">}else{<tr>}	
			   		<td>@task.outlineNum</td>
						<td>@task.name</td>
			   		<td>@task.duration</td>
						<td>@task.startDate</td>
			   		<td>@task.finishDate</td>
						<td id="resource">@task.resourceName</td>
						<td>@task.percntComplete</td>
			   </tr>
			}
	   </tbody>
	</table>
}